<template>
  <div>
    <el-row>
      <el-col :span="20" :offset="2">
        <div class="dw-user-body">
          <el-row>
            <el-col :span="4" style="height: 600px;">
              <admin-self-menu></admin-self-menu>
            </el-col>
            <el-col :span="20">
              <div style="padding: 30px;">
                <el-descriptions title="账号信息" column="1" border >
                  <el-descriptions-item label="账号">{{ userInfo.username }}</el-descriptions-item>
                  <el-descriptions-item label="绑定手机号">{{ userInfo.telnumber }}</el-descriptions-item>
                  <el-descriptions-item label="状态">
                    <el-tag type="success" >正常使用</el-tag>
                  </el-descriptions-item>
                  <el-descriptions-item label="创建时间">{{ userInfo.createdDate }}</el-descriptions-item>
                  <el-descriptions-item label="登录时间">{{ userInfo.lastLoginDate}}</el-descriptions-item>
                </el-descriptions>
              </div>
            </el-col>
          </el-row>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import adminSelfMenu from "./adminSelfMenu";
import {DateFormat} from "../../utils/common";

export default {
  name: "adminSelfaccount",
  components:{
    adminSelfMenu
  },
  data(){
    return{
      userInfo:{}
    }

  },
  created() {
    this.userInfo = JSON.parse(window.sessionStorage.getItem("data"))
    this.userInfo.createdDate = DateFormat(this.userInfo.createdDate)
    this.userInfo.lastLoginDate = DateFormat(this.userInfo.lastLoginDate)
  }
}
</script>

<style scoped>
.dw-user-body{
  background-color: white;
  min-height: 600px;
}
</style>
